An animated Donut chart (RoundRobin effect)

This goes in the documents header:

<script src="RGraph.common.core.js"></script>
<script src="RGraph.common.effects.js"></script>
<script src="RGraph.pie.js"></script>

Put this where you want the chart to show up:

<canvas id="cvs" width="400" height="300">
    [No canvas support]
</canvas>

This is the code that generates the chart:

<script>
    new RGraph.Pie({
        id: 'cvs',
        data: [4,6,3,5,8,6,5],
        options: {
            textSize: 14,
            variant: 'donut',
            labels: ['John','Luis','Olga','Beverly','Jack','Kevin','Jill'],
            strokestyle: 'transparent',
            exploded: 3,
            shadow: false,
            textAccessible: true
        }
    }).roundRobin({'radius': false,'frames':60});
</script>